<template>
	<view class="store">
		<!-- 导航栏 -->
		<!-- 导航栏 -->
		<nav-bars class="s_navBar" backState="1000" :bgColor="navBackground" :fontColor="navBackColor">
			<view class="i_tCan" slot="default">
				<view class="i_tInput">
					<view class="i_tIcon iconfont icon-search"></view>
					<input confirm-type="search" type="text" v-model="keyword" @confirm="searchData"
						placeholder="搜索店内商品" placeholder-class="placeholder" />
				</view>
			</view>
		</nav-bars>
		<view class="s_nBg">
			<image :src="storeInfo.back_img"></image>
		</view>

		<view class="s_container">
			<!-- 店铺信息 -->
			<view class="s_store">
				<view class="s_sShop">
					<view class="s_sLogo">
						<image :src=" storeInfo.store_logo"></image>
					</view>
					<view class="s_sCan">
						<view class="s_sName">{{storeInfo.store_name}}</view>
						<view class="s_sIt">
							<view class="s_siItem">
								<view class="s_siIcon icon1">
									<image src="https://manager.ryz1620.com/static/mall/time.png"></image>
								</view>
								<view class="s_siTxt">{{storeInfo.business_start + '-' + storeInfo.business_end}}</view>
							</view>
							<view class="s_siItem" v-if="storeInfo.is_carry">
								<view class="s_siIcon icon2">
									<image src="/static/mall/cart.png"></image>
								</view>
								<view class="s_siTxt">支持配送</view>
							</view>
						</view>
						<view class="s_sFocus">
							<view class="s_sfBtn" :class="{'active': storeInfo.user_follow_status == 1}"
								@tap="focusStore">{{storeInfo.user_follow_status == 1 ? '已关注' : '+ 关注'}}</view>
							<view class="s_sfTxt" v-if="storeInfo.fans_num!=null">{{storeInfo.fans_num}}粉丝</view>
							<view class="s_sfTxt" v-if="storeInfo.fans_num==null">0粉丝</view>
						</view>
					</view>
				</view>
				<view class="s_sRemark">
					<view class="s_srText omit-2">{{storeInfo.store_detail}}</view>
				</view>
			</view>

			<!-- 内容 -->
			<view class="s_content">
				<!-- tab栏 -->
				<view class="s_cTabs">
					<view class="s_ctItem" v-for="(item,index) in carTypes" :class="{active:current==index}"
						:data-current="index" @tap="tabChange">{{item.name}}<text></text></view>
					<!-- <view class="s_ctCursor"></view> -->
				</view>
				<!-- 商品/探店 swiper -->
				<view class="s_cCan">
					<swiper class="s_cSwiper" @change="swiperChange" :current="current">
						<!-- 商品 -->
						<swiper-item class="s_cSwiper-item">
							<view class="s_goods">
								<view class="s_gClass">
									<scroll-view class="s_gcList hide-scroll" scroll-y>
										<view class="s_gcContain">
											<view class="s_gcItem" :class="{'active': item.cate_id == navId}"
												v-for="item in navList" @tap="toggleNav(item.cate_id, item.cate_name)">
												<view class="s_gcTxt">{{item.cate_name}}</view>
											</view>
										</view>
									</scroll-view>
								</view>
								<view class="s_gGood">
									<scroll-view class="s_ggList" scroll-y @scrolltolower="l_cStorescroll">
										<view class="s_ggContain">
											<view class="s_ggGroup">
												<view class="s_ggTit" v-if="goodsName">{{goodsName + '(' + count + ')'}}
												</view>
												<view class="s_ggItems">
													<view class="no-card" v-if="!goodsList.length">
														<image src="https://manager.ryz1620.com/static/my/sm.png">
														</image>
														<text>暂无商品信息~</text>
													</view>
													<view class="s_ggItem" v-else v-for="(item,index) in goodsList"
														:key="index">
														<view class="s_ggImage" v-if="item.main_imgurl"
															@click="toProduct(item.product_id,item.activity_type)">
															<image :src=" item.main_imgurl" mode="widthFix"></image>
														</view>
														<view class="s_ggImage" v-else>
															<image :src="`${baseImg}/static/mall/posters.png`" mode="widthFix">
															</image>
														</view>
														<view class="s_ggCan">
															<view class="s_ggName omit-2"
																@click="toProduct(item.product_id,item.activity_type)">
																{{item.product_title}}
															</view>
															<view class="s_ggTip">{{item.volume}}人付款</view>
															<!-- 															<view class="s_ggCoupon">
																<view class="s_ggCoupon-item">秒杀7.8折</view>
																<view class="s_ggCoupon-item">满2000减800</view>
															</view> -->
															<view class="s_ggFee">￥<text>{{item.price}}</text></view>
															<view class="s_ggCheap">￥<text>{{item.primary_price}}</text>
															</view>
															<view class="s_ggOper">
																<view class="s_color" @click="showSizePop(item)">选规格<i
																		class="s_unm"
																		v-if="getGoodsItemNum(item) > 0">{{getGoodsItemNum(item)}}</i>
																</view>
																<!-- <view class="s_ggAdd" @tap="addCart(item.product_id)"><image src="/static/mall/icon_add.png"></image></view>
																<view class="s_ggNum" v-if="item.num > 0">{{item.num}}</view>
																<view class="s_ggMinus" v-if="item.num > 0"  @tap="minusCart(item.product_id)"><image src="/static/mall/icon_minus.png"></image></view> -->
															</view>
														</view>
													</view>
												</view>
											</view>
										</view>
									</scroll-view>
								</view>
							</view>
						</swiper-item>
						<!-- 探店 -->
						<swiper-item class="s_cSwiper-item">
							<view class="coms">
								<view class="tabtand" :class="{active:tabcons==0}" @click="tabcoms(0)"><text
										class="iconfont iconhuaban19"></text>家装圈</view>
								<view class="tabtand" v-if="mediaShow" :class="{active:tabcons==1}" @click="tabcoms(1)">
									<text class="iconfont iconhuaban20"></text>微视</view>
							</view>
							<view class="s_dynamic" v-if="tabcons==0">
								<scroll-view class="s_dList" scroll-y @scrolltolower="tarndscroll">
									<view class="s_dContain">
										<view class="no-card" v-if="TrendList.length==0">
											<image src="https://manager.ryz1620.com/static/my/sm.png"></image>
											<text>暂无探店动态~</text>
										</view>
										<view class="s_dItem" v-for="(item,index) in TrendList" :key="index">
											<view class="s_dTime">{{item.create_time | formatDate}}</view>
											<view class="s_dTags" @click="malldemo(item.id)">
												<view class="s_dTag">
													<view class="s_dTag-icon">
														<image src="/static/common/icon_topic.png"></image>
													</view>
													<text>{{item.title}}</text>
												</view>
											</view>
											<view class="s_dCont">
												<view class="s_dText" @click="malldemo(item.id)">
													<view class="omit-3">{{item.content}}</view>
													<view class="s_dAll" v-if="item.content.length > 100">全文</view>
												</view>
												<view class="s_dImgs">
													<view class="s_dImg" @tap.stop="preview(indexs,item.media)"
														v-for="(items,indexs) in item.media" :key="indexs"
														v-if="indexs<9">
														<image :src="items.path"></image>
													</view>
												</view>
											</view>
											<view class="s_dFuns">
												<view class="s_dFun" @click="popShareToPicture(item.id)">
													<view class="s_dFIcon iconfont icon-transpond"></view>
													<text>转发</text>
												</view>
												<view class="s_dFun" @tap.stop="dyna_showComment(item)">
													<view class="s_dFIcon iconfont icon-comments"></view>
													<text>{{item.comment_num}}</text>
												</view>
												<view class="s_dFun" @click="trendStore(item,index)">
													<view class="s_dFIcon" v-if="item.support_status == 1">
														<image src="/static/common/icon_collection.png"></image>
													</view>
													<view class="s_dFIcon" v-else>
														<image src="/static/common/icon_collection2.png"></image>
													</view>
													<text>{{item.support_num}}</text>
												</view>
											</view>
										</view>

									</view>
								</scroll-view>
							</view>
							<view class="s_dynamic" v-if="tabcons==1">
								<scroll-view class="s_dList" scroll-y @scrolltolower="tarndscroll">
									<view class="s_dContain">
										<view class="no-card" v-if="TrendList.length==0">
											<image src="https://manager.ryz1620.com/static/my/sm.png"></image>
											<text>暂无探店视频动态~</text>
										</view>
										<view class="i_cList">
											<view class="i_cLeft" v-for="(item,index) in 2">
												<view class="i_cItem" v-if="indexs%2==index"
													v-for="(items,indexs) in TrendList" :key="indexs"
													@click="malldemos(items.id)">
													<view class="i_cImage">
														<image :src="items.media[0].cover" mode="widthFix"></image>
													</view>
													<view class="i_cTag">
														<view class="i_ctIcon">
															<image src="/static/common/icon_topic.png"></image>
														</view><text>{{items.title}}</text>
													</view>
													<view class="i_cText omit-2">{{items.content}}</view>
													<view class="i_cUser">
														<view class="i_cPraise" @tap.stop="trendStore(items,indexs)">
															<view class="i_cpIcon" v-if="items.support_status == 1">
																<image src="@/static/common/icon_collection.png">
																</image>
															</view>
															<view class="i_cpIcon" v-else>
																<image src="@/static/common/icon_collection2.png">
																</image>
															</view>
															<view class="i_cpTxt">{{items.support_num}}</view>
														</view>
														<view class="i_cHead">
															<image :src="items.user_id.avatar.path"></image>
														</view>
														<view class="i_cName omit-1">{{items.user_id.username}}</view>
													</view>
												</view>
											</view>
										</view>

									</view>
								</scroll-view>
							</view>
						</swiper-item>
						<!-- 店铺 -->
						<swiper-item class="s_cSwiper-item">
							<view class="shopgoods">
								<view class="shoptops">店铺信息</view>
								<view class="shopcell">店铺:{{storeInfo.store_name}}</view>
								<view class="shopcell">地址:{{storeInfo.address}}</view>
								<view class="shopcell">电话:{{storeInfo.mobile}}</view>
								<view class="shopcell">服务:{{storeInfo.store_detail}}</view>
								<!-- #ifndef MP-WEIXIN -->
								<view class="cellservice" @tap="toCustomer()"><text
										class="iconfont icon-comment2"></text>客服</view>
								<!-- #endif -->
								<!-- #ifdef MP-WEIXIN -->
								<view class="cellservice" v-if="!config_id && !config_url" @tap="toCustomer()"><text
										class="iconfont icon-comment2"></text>客服</view>
								<view class="cellservice" v-else @click="gitpouchatshow"><text
										class="iconfont icon-comment2"></text>客服</view>
								<!-- #endif -->
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</view>

		<!-- 购物车 -->
		<view class="s_cart" v-if="cartShow">
			<view class="s_cBg" @tap="switchCart"></view>
			<view class="s_cBox">
				<view class="s_cTop">
					<view class="s_cTip"><text v-if="cart.sumCheapPrice">折扣已减{{cart.sumCheapPrice}}元</text></view>
					<view class="s_cClear" @click="closecart">清空购物车</view>
				</view>
				<view class="s_cBtm">
					<template v-if="cart.list.length">
						<view class="s_cItem" v-for="(item, index) in cart.list" :key="item.id">
							<view class="s_cImage" v-if="item.main_imgurl">
								<image :src=" item.main_imgurl" mode="widthFix"></image>
							</view>
							<view class="s_cImage" v-else>
								<image :src="`${baseImg}/static/mall/posters.png`" mode="widthFix"></image>
							</view>
							<view class="s_cCont">
								<view class="s_cName omit-2">{{item.product_title}}</view>
								<view class="s_cFee">￥<text>{{item.price}}</text></view>
								<view class="yprice" v-if="item.rate_price"><i>底价</i>￥<text>{{item.rate_price}}</text>
								</view>
								<view class="s_cOper">
									<view class="s_cAdd" @tap="addCart_cart(item)">
										<image src="/static/mall/icon_add.png"></image>
									</view>
									<view class="s_cNum">{{item.cart_num}}</view>
									<view class="s_cMinus" @tap="minusCart_cart(item)">
										<image src="/static/mall/icon_minus.png"></image>
									</view>
								</view>
							</view>
						</view>
					</template>
					<template v-else>
						<view class="s_cNodata">购物车没有商品，快去添加一件吧</view>
					</template>
				</view>
			</view>
		</view>

		<!-- 提交订单栏 -->
		<view class="s_submit">
			<view class="s_sLeft" @tap="switchCart">
				<view class="s_sIcon">
					<image src="https://manager.ryz1620.com/static/mall/home.png" />
					<view class="s_sNum" v-if="cart.num">{{cart.num}}</view>
				</view>
				<view class="s_sPrice">
					<view class="s_sTxt1">￥<text>{{cart.price}}</text></view>
					<view class="s_sTxt2" v-if="cart.initialPrice">￥<text>{{cart.initialPrice}}</text></view>
				</view>
			</view>
			<button class="s_sRight" :class="{'active':cartListStatus}" :disabled="cartListStatus"
				@tap="toCartList">去结算</button>
		</view>

		<!-- 弹窗 - 取消关注 -->
		<view class="s_popFocus" :class="{'active': popFocus}">
			<view class="s_pBg" @click="popFocus = false"></view>
			<view class="s_pBox popIn">
				<view class="s_pTitle">确定不再关注Ta？</view>
				<view class="s_pBtns">
					<view class="s_pClose" @click="popFocus = false">取消</view>
					<view class="s_pConfim" @click="focusStore({ isS})">确认</view>
				</view>
			</view>
		</view>

		<!-- 弹窗-规格 -->
		<view class="Size" v-if="sizePop" @touchmove.stop.prevent>
			<view class="S_bg"></view>
			<view class="S_box">
				<view class="S_bCloak" @tap="hideSizePop"></view>
				<view class="S_bContain">
					<view class="S_bClose" @tap="hideSizePop">
						<view class="S_bcIcon"><text class="iconfont icon-cancel"></text></view>
					</view>
					<view class="S_bInfo">
						<view class="S_biHead">
							<image :src="cartdata.main_imgurl" mode="aspectFit"></image>
						</view>
						<view class="S_biCan">
							<view class="S_biFee">¥<text>{{cartdata.price}}</text></view>
							<view class="S_biTip">
								<view class="yprice" style="margin-top: 0;" v-if="cartdata.rate_price">
									<i>底价</i>￥<text>{{cartdata.rate_price}}</text>
								</view>
							</view>
							<!-- <view class="S_biRemark">编号：1000320203</view> -->
						</view>
					</view>
					<scroll-view class="S_bConfig" scroll-y>
						<view class="S_bcCan">
							<view class="S_bcGroup" v-for="(items,index1) in cartdata.parameter">
								<view class="S_bcTit">{{items.specifs}}</view>
								<view class="S_bcChecks">
									<view class="S_bcCheck" v-for="(item,index2) in items.child"
										@click="checkedEvent(item,index1)" :class="{'checked':item.checked}">
										{{item.specif}}
									</view>
								</view>
							</view>
							<view class="S_bcGroup">
								<view class="S_bcTit">数量</view>
								<view class="S_bcNums">
									<view class="S_bcMinus" @click="minusSizeCart"></view>
									<view class="S_bcNum">{{sizeNum}}</view>
									<view class="S_bcAdd" @click="addSizeCart"></view>
								</view>
							</view>
						</view>
					</scroll-view>
					<view class="S_bBtns">
						<view class="S_bbBtn1" @click="addCart" style="width: 100%;">加入购物车</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 弹窗 - 评论 -->
		<view class="p_evalute" :class="{'active': commentPop}" @touchmove.stop.prevent="moveHandle">
			<view class="p_eBg"></view>
			<view class="p_eBox">
				<view class="p_eShim" @tap="commentPop = false"></view>
				<view class="p_eContain">
					<view class="p_eClose" @tap="commentPop = false">
						<view class="iconfont icon-cancel"></view>
					</view>
					<view class="p_eTitle">共{{trend_idnum}}条评论</view>
					<scroll-view class="p_eList" scroll-y @scrolltolower="dync_commentNext">
						<view v-for="comment in commentList" :key="comment.id">
							<view class="p_eItem">
								<view class="p_eHead" v-if="comment.user_id.avatar.path">
									<image :src="comment.user_id.avatar.path"></image>
								</view>
								<view class="p_eHead" v-else>
									<image src="https://manager.ryz1620.com/static/my/avator.png"></image>
								</view>
								<view class="p_eCont">
									<view @tap="dync_commentSelectReply(comment.id, comment.user_id.username)">
										<view class="p_eName">{{comment.user_id.username}}
											<!-- <view class="p_eAuth">作者</view> -->
										</view>
										<view class="p_eTxt">{{comment.content}}</view>
										<view class="p_eTxt">
											<view class="p_eTip" style="padding-left: 0;">{{comment.createTime}}</view>
											<view class="p_eTip" @tap.top="getcommentdel(comment.id)"
												v-if="comment.user_id.id == useid">删除</view>
											<view class="p_eTip" v-else style="color: #333;">回复</view>
										</view>
									</view>
									<view class="p_eIts">
										<view v-for="reply in comment.sub_reply">
											<view class="p_eiItem"
												@tap="dync_commentSelectReply(reply.id, reply.user_id.username)">
												<view class="p_eiHead" v-if="reply.user_id.avatar.path">
													<image :src="reply.user_id.avatar.path"></image>
												</view>
												<view class="p_eHead" v-else>
													<image src="https://manager.ryz1620.com/static/my/avator.png">
													</image>
												</view>
												<view class="p_eiCont">
													<view class="p_eiName">{{reply.user_id.username}}</view>
													<view class="p_eiTxt">
														<view v-if="reply.isReplay"
															style="color: #666; font-size: 20rpx;">
															回复<text
																class="p_eiReply">{{reply.reply_id.username}}</text>：
														</view>
														{{reply.content}}
													</view>
													<view class="p_eiTxt">
														<view class="p_eiTip">{{reply.createTime}}</view>
														<view class="p_eiTip" @tap.top="getcommentdel(reply.id)"
															v-if="reply.user_id.id == useid">删除</view>
														<view class="p_eiTip" v-else style="color: #333;">回复</view>
													</view>

												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<view class="p_eReply">
						<view class="p_erSend" v-if="!commentIsReply" @click="dync_comment">发送</view>
						<view class="p_erSend" v-else @click="dync_commentReply">发送</view>
						<view class="p_erInput">
							<!-- <view class="p_erIcon"><view class="iconfont icon-brow"></view></view> -->
							<input type="text" placeholder-class="placeholder" :focus="commentFocus" v-model="content"
								:placeholder="commentReplyName ? '回复 @' + commentReplyName + ':' : '评论一下吧~'"
								@confirm="dync_comment" @input="inputKey($event, 'comment')" />
						</view>
					</view>
				</view>
			</view>
		</view>


		<!-- 微信客服 -->
		<view class="pouchat" v-if="pouchatshow">
			<view class="poucont">
				<view class="chatlist">
					<view class="chatml" @click="gitwxchat()" v-if="config_url">
						<image src="https://manager.ryz1620.com/static/my/wxchat.png" mode="widthFix"></image>
						<text class="t1">在线微信客服</text>
						<text class="t2">可直接联系客服</text>
					</view>
					<view class="chatml" v-if="config_id">
						<cell class="cell-service" bind:startmessage='startmessage'
							bind:completemessage="completemessage" :plugid="config_id" />
						<image src="https://manager.ryz1620.com/static/my/codechat.png" mode="widthFix"></image>
						<text class="t1">添加微信客服</text>
						<text class="t2">扫微信二维码</text>
					</view>
				</view>
				<view class="iconfont icon-close" @click="wxCodeClick"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import URL from '@/config/url.js'
	import navBar from '@/components/navBar/navBar.vue'
	import service_mall from '@/service/mall.js'
	import LivePlayer from '@/service/player.js'
	export default {
		components: {
			navBar
		},

		data() {
			return {
				baseImg:this.$static,
				carTypes: [{
						name: '店铺'
					},
					{
						name: '探店'
					},
					{
						name: '信息'
					},
				],
				current: 0,
				tabcons: 0,
				count: 0,
				// 店铺信息
				storeInfo: {},
				sizePop: false,
				// 商品分类数据
				navId: null, // 当前所选中分类
				navList: null,
				// 商品数据
				goodsName: null,
				goodsList: [],
				// 购物车
				cartShow: false,
				cartId: 1,
				cart: {
					num: 0,
					price: 0,
					initialPrice: 0,
					sumCheapPrice: 0,
					list: []
				},
				// 关注
				popFocus: false,
				cartdata: '',
				sizeNum: 1,
				goodsGetlist: [],
				type: '',
				keyword: '',
				TrendPage: 1,
				TrendList: [],
				commentPop: false,
				commentPage: 0,
				commentLoading: false,
				trend_id: '',
				trend_idnum: '',
				commentTime: 0,
				commentList: [],
				content: '',
				useid: '',
				commentIsReply: false,
				commentReplyId: '',
				commentReplyName: '',
				pageunm: 1,
				navBackground: 'transparent',
				navBackColor: '#939393',
				commentFocus: false,
				config_id: "",
				config_url: '',
				pouchatshow: false,
				mediaShow: false, //是否展示动态视频模块
			}
		},
		computed: {
			cartListStatus() {
				if (this.cart.list.length) {
					return false
				} else {
					return true
				}
			}
		},
		onLoad(options) {
			this.$utils.getUrl()
			let scene = decodeURIComponent(options.scene) //二维码扫码时的参数
			console.log(scene, '二维码参数')
			console.log(options, '转发时参数')
			scene = scene.split("&");
			let obj = {}
			for (let i = 0; i < scene.length; i++) {
				let newscene = scene[i].split("=");
				obj[newscene[0]] = newscene[1];
			}
			console.log(obj, 'objobj')
			// testCode 
			let app = getApp()
			if (obj.store_id) {
				this.storeId = obj.store_id
			} else if (app.globalData.storeId) {
				this.storeId = app.globalData.storeId
			} else if (obj.storeId) {
				this.storeId = obj.storeId
			} else {
				this.storeId = options.storeId
			}
			console.log(this.storeId, '店铺id')

			if (app.globalData.share_uid) {
				this.useid = app.globalData.share_uid
			} else {
				this.useid = uni.getStorageSync('userId')
			}
			console.log(this.useid, '分享者id')

			let token = uni.getStorageSync('token')
			if (options.share_uid) {
				let shareuId = options.share_uid
				this.$store.commit('index/SET_shareuId', shareuId)
				if (token && shareuId) {
					service_mall.getPromoter({
							share_uid: shareuId
						})
						.then(res => {})
				}
			}

			this.getDetail()
			this.getGoodsNav()
			this.gitConfig()
			this.gitwxConfig()
			if (token) {
				this.CartList()
			}
			//收起键盘
			uni.onKeyboardHeightChange(res => {})
		},
		filters: {
			formatDate(value) {
				let date = new Date(parseInt(value) * 1000);
				let y = date.getFullYear();
				let m = date.getMonth() + 1;
				m = m < 10 ? "0" + m : m;
				let d = date.getDate();
				d = d < 10 ? "0" + d : d;
				let h = date.getHours();
				h = h < 10 ? "0" + h : h;
				let minute = date.getMinutes();
				let second = date.getSeconds();
				minute = minute < 10 ? "0" + minute : minute;
				second = second < 10 ? "0" + second : second;
				return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
			}
		},
		onShow() {
			this.getLvieConfig()
		},
		onShareAppMessage(res) {
			let that = this
			if (res.from === 'button') {}
			return {
				title: this.storeInfo.store_name,
				path: '/pages_mall/pages/mall/store/store?storeId=' + this.storeId + '&share_uid=' + this.useid,
				success: function(res) {

				}
			}
		},
		onShareTimeline(res) {
			if (res.from === 'menu') {}
			return {
				title: this.storeInfo.store_name,
				path: '/pages_mall/pages/mall/store/store?storeId=' + this.storeId + '&share_uid=' + this.useid,
				success: function(res) {

				}
			};
		},
		methods: {
			//直播配置开关(动态视频开关)
			getLvieConfig() {
				LivePlayer.getLvieConfig()
					.then(res => {
						if (res.code === 1) {
							console.log(res.data);
							if (res.data.value == 0) {
								this.mediaShow = false
							} else {
								this.mediaShow = true
							}
						} else {}
					})
					.catch(err => {
						console.log(err);
					});
			},
			// 获取企业微信callme配置
			gitConfig() {
				service_mall.getCallMeConfig({
					partner_type: 'shop',
					partner_id: this.storeId
				}).then(res => {
					if (res.code == 1) {
						this.config_id = res.data.config_id;
					}
				});
			},
			gitwxConfig() {
				service_mall.getwxMeConfig({
					partner_type: 'shop',
					partner_id: this.storeId
				}).then(res => {
					if (res.code == 1) {
						this.config_url = res.data.url;
					}
				});
			},
			gitpouchatshow() {
				this.pouchatshow = true
			},
			wxCodeClick() {
				this.pouchatshow = false
			},
			gitwxchat() {
				wx.openCustomerServiceChat({
					extInfo: {
						url: this.config_url
					},
					corpId: this.$env.CORPID,
					success(res) {}
				})
			},
			// 联系客服
			toCustomer() {
				uni.showToast({
					title: '哎呀!不好意思，暂未配置客服...',
					icon: 'none',
					duration: 2000
				});
				// uni.navigateTo({
				// 	url: '/pages_customer/pages/index?partner_type=shop&partner_id=' + this.storeId + '&tpyes=1'
				// });
			},
			tabChange(e) {
				var index = e.target.dataset.current || e.currentTarget.dataset.current;
				this.current = index;
			},
			tabcoms(e) {
				this.tabcons = e
				this.TrendPage = 1
				this.TrendList = []
				this.getTrend()
			},
			swiperChange(e) {
				var index = e.target.current || e.detail.current;
				this.current = index;
			},
			getGoodsItemNum(data) {
				if (this.cart.list.length < 1) {
					return 0
				}
				let num = 0;
				this.cart.list.map(item => {
					if (item.product_id == data.product_id) {
						num += item.cart_num
					}
				})
				return num
			},
			l_cStorescroll() {
				this.pageunm++
				this.getGoods()
			},
			tarndscroll() {
				this.TrendPage++
				this.getTrend()
			},
			// 获取探店动态列表
			getTrend() {
				let TrendPage = this.TrendPage
				service_mall.gitTrend({
						page: TrendPage,
						type: this.tabcons,
						partner_type: 'shop',
						partner_id: this.storeInfo.store_id
					})
					.then(res => {
						console.log(res)
						if (res.code == 1) {
							let data = res.data
							for (var i = 0; i < data.length; i++) {
								this.TrendList.push(data[i]); // 加载的数据追加在上一页后面
							}
						}
					})
			},
			// 跳转-海报页面
			popShareToPicture(id) {
				uni.navigateTo({
					url: '/pages_design/pages/design/dynamic/share?trendId=' + id
				})
			},
			// 探店点赞
			trendStore(item, index) {
				console.log(index)
				let status = item.support_status
				if (status == 1) {
					uni.showModal({
						title: '提示',
						content: '确认取消点赞?',
						success: (res) => {
							if (res.confirm) {
								service_mall.gitTrendstatus({
										trend_id: item.id,
										status: 0
									})
									.then(res => {
										if (res.code == 1) {
											this.TrendList[index].support_status = 0
											this.TrendList[index].support_num--
										} else {
											this.$utils.showErr({
												title: res.msg
											})
										}
									})
							} else if (res.cancel) {
								return
							}
						}
					});
				} else {
					service_mall.gitTrendstatus({
							trend_id: item.id,
							status: 1
						})
						.then(res => {
							if (res.code == 1) {
								this.TrendList[index].support_status = 1
								this.TrendList[index].support_num++
							} else {
								this.$utils.showErr({
									title: res.msg
								})
							}
						})

				}

			},
			// 输入框输入内容事件
			inputKey(event, key) {
				this[key] = event.detail.value
			},
			moveHandle() {},
			// 展示设计动态的评论框
			dyna_showComment(item) {
				this.trend_id = item.id
				this.trend_idnum = item.comment_num
				this.commentPage = 0
				this.commentPop = true
				this.commentLoading = false
				this.commentList = []
				this.dyna_getComment()
			},
			// 获取设计动态的评价内容
			dyna_getComment() {
				if (!this.commentLoading) {
					this.commentLoading = true
					this.commentTime++
					let commentTime = this.commentTime
					let commentPage = this.commentPage + 1
					console.log(commentPage)
					// 获取评论数据
					service_mall.getCommentList({
							trend_id: this.trend_id,
							page: commentPage
						})
						.then(res => {
							if (this.commentTime === commentTime) {
								this.commentLoading = false

								if (res.code == 1) {
									let data = res.data
									let list = this.commentList || []
									// 处理数据
									let nowTime = Date.now()
									for (let i = 0; i < data.length; i++) {
										data[i].create_time *= 1000
										data[i].createTime = this.$utils.getDateDiff(data[i].create_time)
										// 处理回复数据
										let replayList = data[i].sub_reply
										if (replayList && replayList.length) {
											for (let j = 0; j < replayList.length; j++) {
												replayList[j].create_time *= 1000
												replayList[j].createTime = this.$utils.getDateDiff(replayList[j]
													.create_time, )

												// 是否是回复 回复数据 的数据
												if (data[i].id !== replayList[j].parent_id) replayList[j].isReplay =
													true
											}
										}
										// 保存数据
										list.push(data[i])
									}

									this.commentPage++
									this.commentList = list
								}
							}
						})
						.catch(err => {
							if (this.commentTime === commentTime) {
								this.commentLoading = false
							}
						})
				}
			},
			// 评论
			dync_comment() {
				let content = this.content
				service_mall.getcomment({
						trend_id: this.trend_id,
						content: content
					})
					.then(res => {
						if (res.code == 1) {
							this.TrendPage = 1
							this.TrendList = []
							this.commentPage = 0
							this.commentList = []
							this.trend_idnum++
							this.content = ''
							this.dyna_getComment()
							this.getTrend()
						}
					})
					.catch(err => {

					})
			},
			// 回复他人评论
			dync_commentSelectReply(id, name) {
				this.commentIsReply = true
				this.commentReplyId = id
				this.commentReplyName = name
			},
			// 发布回复评论
			dync_commentReply() {
				service_mall.getcommentreply({
						comment_id: this.commentReplyId,
						content: this.content
					})
					.then(res => {
						if (res.code == 1) {
							this.commentIsReply = false
							this.commentPage = 0
							this.commentList = []
							this.content = ''
							this.commentReplyId = ''
							this.commentReplyName = ''
							this.dyna_getComment()
						}
					})
					.catch(err => {

					})
			},
			// 获取更多评论内容
			dync_commentNext(e) {
				if (!this.commentLoading) {
					this.dyna_getComment()
				}
			},
			// 删除评论
			getcommentdel(id) {
				uni.showModal({
					title: '提示',
					content: '确认删除评论?',
					success: (res) => {
						if (res.confirm) {
							service_mall.getcommentdel({
									comment_id: id
								})
								.then(res => {
									if (res.code == 1) {
										this.TrendPage = 1
										this.TrendList = []
										this.commentPage = 0
										this.commentList = []
										this.trend_idnum--
										this.content = ''
										this.dyna_getComment()
										this.getTrend()
									} else {
										this.$utils.showErr({
											title: res.msg
										})
									}
								})
						} else if (res.cancel) {
							return
						}
					}
				});
			},
			// 获取商家信息
			getDetail() {
				let storeId = this.storeId
				service_mall.store_getDetail({
						store_id: storeId
					})
					.then(res => {
						if (res.code == 1) {
							let data = res.data
							this.storeInfo = data
							this.getTrend()
						}
					})
					.catch(err => {

					})
			},

			// 弹窗-规格
			showSizePop(item) {
				this.cartdata = item
				this.sizeNum = 1
				this.sizePop = true
			},
			hideSizePop() {
				this.sizePop = false
			},
			// 添加数量
			addSizeCart() {
				this.sizeNum++
			},

			// 删减购物车-规格弹窗
			minusSizeCart() {
				if (this.sizeNum > 1) this.sizeNum--
			},
			//选择规格
			checkedEvent(data, index1) {
				if (data.checked) {
					this.$set(data, "checked", false)
				} else {
					this.cartdata.parameter[index1].child.map(item => {
						this.$set(item, "checked", false)
					})
					this.$set(data, "checked", true)
					this.get_keys()
				}
			},
			get_keys() {
				let keys = [];
				this.cartdata.parameter.map((item1, index1) => {
					let checkedItem = item1.child.find(r => r.checked)
					if (checkedItem) {
						keys.push({
							key: item1.specifs,
							value: checkedItem.specif
						})
					}
				})
				this.keys = keys
				let sku_lst = this.cartdata.sku_lst
				for (let i = 0; i < sku_lst.length; i++) {
					if (JSON.stringify(sku_lst[i].attribute) == JSON.stringify(keys)) {
						this.sku_id = sku_lst[i].sku_id
						this.cartdata.price = sku_lst[i].price
						this.cartdata.rate_price = sku_lst[i].rate_price
						this.cartdata.stockNum = sku_lst[i].num
					}
				}
			},
			// 添加购物车
			addCart() {
				// 先判断库存是否足够
				if (this.cartdata.stockNum < this.sizeNum) {
					uni.showToast({
						title: '库存不足',
						icon: 'none'
					})
					return
				}
				let token = uni.getStorageSync('token');
				if (!token) {
					uni.navigateTo({
						url: '/pages_login/pages/login/login/index',
					});
					return
				}
				if (this.cartdata.specs_type == 1 && this.cartdata.sku_lst.length > 0) { //单
					this.sku_id = this.cartdata.sku_lst[0].sku_id
				}
				if (this.cartdata.specs_type == 2 && !this.sku_id) {
					uni.showToast({
						title: '请选择规格',
						icon: 'none',
						duration: 2000
					});
					return
				}
				service_mall.goods_getadd({
						product_id: this.cartdata.product_id,
						type: 1,
						sku_id: this.sku_id,
						num: this.sizeNum || 1
					})
					.then(res => {
						if (res.code == 1) {
							uni.showToast({
								title: "添加购物车成功",
								icon: "success"
							})
							this.CartList()
							this.sizePop = false
						}
					})
			},
			// 查看店铺购物车
			CartList() {
				service_mall.goods_getlist({
						store_id: this.storeId
					})
					.then(res => {
						console.log(res, '店铺购物车')
						if (res.code == 1) {
							let cartdata = []
							let cart_num = 0,
								price = 0,
								initialPrice = 0; //rate_price
							if (res.data.shop[0]) {
								cartdata = res.data.shop[0].medical_list
								cartdata.map(item => {
									cart_num = this.$utils.accAdd(cart_num, item.cart_num);
									price = this.$utils.accAdd(price, this.$utils.accMul(item.cart_num, item
										.price));
									initialPrice = this.$utils.accAdd(initialPrice, this.$utils.accMul(item
										.cart_num, item.primary_price));
								})
							} else {
								cartdata = []
							}
							this.cart.list = cartdata;
							this.cart.num = cart_num
							this.cart.price = price
							this.cart.initialPrice = initialPrice
						}
					})
			},

			// 获取商品分类
			getGoodsNav() {
				service_mall.store_getGoodsNav({
						store_id: this.storeId
					})
					.then(res => {
						if (res.code == 1) {
							let navList = res.data
							let firstId = navList[0].cate_id
							let firstName = navList[0].cate_name
							this.navList = navList
							this.navId = firstId
							this.goodsName = firstName
							this.getGoods(firstId, firstName)
						}
					})
					.catch(err => {

					})
			},
			searchData() {
				this.pageunm = 1
				this.goodsList = []
				this.getGoods()
			},
			// 获取商品数据
			getGoods(navId, navName, callback) {
				service_mall.store_getGoods({
						store_id: this.storeId,
						cate_id: this.navId,
						page: this.pageunm,
						keyword: this.keyword
					})
					.then(res => {
						if (res.code == 1) {
							this.count = res.data.count
							this.goodsName = navName
							let goodsList = res.data.data
							// 处理数据
							for (var i = 0; i < goodsList.length; i++) {
								this.goodsList.push(goodsList[i]); // 加载的数据追加在上一页后面
							}
							if (typeof callback === 'function') callback()
						}
					})
					.catch(err => {

					})
			},

			// 切换商品分类
			toggleNav(navId, navName) {
				if (this.navId != navId) {
					this.navId = navId
					this.pageunm = 1
					this.goodsList = []
					this.getGoods(navId, navName)
				}
			},

			// 添加购物车-购物车
			addCart_cart(item) {
				service_mall.goods_numSave({
					id: item.id,
					num: item.cart_num + 1
				}).then(res => {
					if (res.code == 1) {
						this.CartList()
					}
				})
			},
			// 预览图片
			preview(index, urls) {
				let img_url = []
				for (let i = 0; i < urls.length; i++) {
					img_url.push(
						urls[i].path
					);
				}
				uni.previewImage({
					urls: img_url,
					current: index,
					longPressActions: {
						itemList: ['发送给朋友', '保存图片', '收藏'],
						success: function(data) {
							console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
						},
						fail: function(err) {
							console.log(err.errMsg);
						}
					}
				});
			},
			previews(urls) {
				let img_url = []
				img_url.push(
					urls
				);
				uni.previewImage({
					urls: img_url,
					longPressActions: {
						itemList: ['发送给朋友', '保存图片', '收藏'],
						success: function(data) {
							console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
						},
						fail: function(err) {
							console.log(err.errMsg);
						}
					}
				});
			},
			//清空购物车
			closecart() {
				uni.showModal({
					title: '提示',
					content: '确认清空购物车?',
					success: (res) => {
						if (res.confirm) {
							service_mall.goods_clear({
								store_id: this.storeId,
							}).then(res => {
								if (res.code == 1) {
									this.cart.list = []
									this.cart.num = ''
									this.cart.price = 0
									this.cart.initialPrice = ''
									// this.CartList()
								}
							})
						} else if (res.cancel) {

						}
					}
				});
			},
			// 删减购物车-购物车
			minusCart_cart(item) {
				if (item.cart_num > 1) {
					service_mall.goods_numSave({
						id: item.id,
						num: item.cart_num - 1
					}).then(res => {
						if (res.code == 1) {
							this.CartList()
						}
					})
				} else {
					uni.showModal({
						title: '提示',
						content: '确认删除该项?',
						success: (res) => {
							if (res.confirm) {
								service_mall.goods_del({
									id: item.id,
								}).then(res => {
									if (res.code == 1) {
										this.CartList()
									}
								})
							} else if (res.cancel) {

							}
						}
					});
				}
			},

			// 展示or隐藏购物车
			switchCart() {
				this.cartShow = !this.cartShow
			},

			// 关注or取消关注店铺
			focusStore({
				isSure = false
			} = {}) {
				let follow = this.storeInfo.user_follow_status
				if (follow != 0) {
					this.type = 2
					uni.showModal({
						title: '提示',
						content: '确认取消关注?',
						success: (res) => {
							if (res.confirm) {
								service_mall.store_follow({
										store_id: this.storeId,
										type: this.type
									})
									.then(res => {
										if (res.code == 1) {
											this.storeInfo.user_follow_status = this.type == 1
											this.storeInfo.fans_num += this.type == 1 ? 1 : -1
										} else {
											this.$utils.showErr({
												title: res.msg
											})
										}
									})
								this.popFocus = false

							} else if (res.cancel) {
								return
							}
						}
					});
				} else {
					this.type = 1
					service_mall.store_follow({
							store_id: this.storeId,
							type: this.type
						})
						.then(res => {
							if (res.code == 1) {
								this.storeInfo.user_follow_status = this.type == 1
								this.storeInfo.fans_num += this.type == 1 ? 1 : -1
							} else {
								this.$utils.showErr({
									title: res.msg
								})
							}
						})
					this.popFocus = false
				}

			},
			// 探店详情
			malldemo(id) {
				uni.navigateTo({
					url: `/pages_design/pages/design/dynamic/dynamic?trendId=${id}`
				})
			},
			// 微视详情
			malldemos(id) {
				uni.navigateTo({
					url: `/pages_design/pages/design/dynamic/player?trendId=${id}`
				})
			},
			toProduct(e, type) {
				if (type == 2) {
					//拼团商品
					uni.navigateTo({
						url: `/pages_now/pages/now/groupon/goods/details?id=${e}`
					})
				} else {
					uni.navigateTo({
						url: `/pages_mall/pages/mall/goods_details/goods_details?id=${e}`
					})
				}

			},
			//去结算
			toCartList() {
				let token = uni.getStorageSync('token');
				if (!token) {
					uni.navigateTo({
						url: '/pages_login/pages/login/login/index',
					});
				} else {
					// uni.navigateTo({ url: "/pages_mall/pages/mall/cart/cart" })
					if (this.cart.list == []) {
						uni.showToast({
							title: '请选择选择商品',
							icon: 'none',
							duration: 2000
						});
						return
					} else {
						let list = this.cart.list
						let ary = []
						list.map(item => {
							ary.push(
								item.id
							)
						})
						let params = {
							origin_type: 1,
							cart_ids: ary.join(),
							goods: ''
						}
						uni.setStorage({
							key: 'local_order_list',
							data: params,
							success: () => {
								uni.navigateTo({
									url: "/pages_mall/pages/mall/order/order?sourceFrom=detail&Nocart=2"
								})
							}
						});
					}
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	.store {
		height: 100vh;
		display: flex;
		flex-flow: column;

		.s_container {
			position: relative;
			z-index: 11;
			display: flex;
			flex-flow: column;
			flex: 1;
		}

		// 导航栏
		.s_nBg {
			width: 100vw;
			height: 474rpx;
			background: #ccc;
			position: fixed;
			top: 0;
			left: 0;
			// z-index: 1;
			filter: blur(1px);

			.s_beijing {
				position: absolute;
				background: rgba(0, 0, 0, 0.25);
				height: 474rpx;
				top: 0;
				width: 100%;
				left: 0;
			}
		}

		.s_navBar {
			position: relative;
			z-index: 10;
			/*  #ifdef   APP-PLUS  */
			padding-top: var(--status-bar-height);

			/*  #endif  */
			.s_nCenter {
				width: 100%;
			}

			.s_nBg {
				width: 100vw;
				height: 474rpx;
				background: #ccc;
				position: fixed;
				top: 0;
				left: 0;
				z-index: -1;
				filter: blur(1px);

				.s_beijing {
					position: absolute;
					background: rgba(0, 0, 0, 0.25);
					height: 474rpx;
					top: 0;
					width: 100%;
					left: 0;
				}
			}

			.s_nInput {
				width: 400rpx;
				height: 62rpx;
				padding: 0 64rpx;
				border: 1px solid #fff;
				border-radius: 36rpx;
				background: rgba(255, 255, 255, .23);
				position: relative;

				&>input {
					height: 100%;
					font-size: 24rpx;
				}
			}

			.s_nIcon {
				width: 28rpx;
				height: 28rpx;
				line-height: 28rpx;
				color: #fff;
				font-size: 28rpx;
				position: absolute;
				top: 50%;
				left: 28rpx;
				margin-top: -14rpx;
			}
		}

		// 店铺信息
		.s_store {
			.s_sShop {
				padding: 36rpx 0 24rpx;

				.s_sLogo {
					width: 104rpx;
					height: 104rpx;
					margin: 0 14rpx 0 32rpx;
					border-radius: 8rpx;
					box-shadow: 0 4rpx 4rpx 0 rgba(0, 0, 0, .08);
					float: left;
				}

				.s_sCan {
					padding-top: 10rpx;
					overflow: hidden;
				}

				.s_sName {
					height: 50rpx;
					line-height: 50rpx;
					color: #fff;
					font-size: 36rpx;
					font-weight: bold;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					width: 70%;
				}

				.s_sIt {
					display: flex;

					.s_siItem {
						height: 34rpx;
						line-height: 34rpx;
						color: #fff;
						font-size: 24rpx;
						padding-left: 34rpx;
						margin-right: 32rpx;
						position: relative;
					}

					.s_siIcon {
						position: absolute;
						top: 50%;
						left: 0;
						transform: translateY(-50%);

						&.icon1 {
							width: 23rpx;
							height: 23rpx;
						}

						&.icon2 {
							width: 27rpx;
							height: 22rpx;
						}
					}
				}

				.s_sFocus {
					position: absolute;
					top: 40rpx;
					right: 32rpx;

					.s_sfBtn {
						width: 136rpx;
						height: 48rpx;
						line-height: 48rpx;
						text-align: center;
						color: #fff;
						font-size: 24rpx;
						border-radius: 24rpx;
						background: #e1c59d;

						&.active {
							color: #939393;
							background: #f6f7fb;
						}
					}

					.s_sfTxt {
						width: 136rpx;
						height: 28rpx;
						line-height: 28rpx;
						text-align: center;
						color: #fff;
						font-size: 20rpx;
						margin-top: 12rpx;
					}
				}
			}

			.s_sRemark {
				line-height: 36rpx;
				color: #fff;
				font-size: 24rpx;
				padding: 0 32rpx 20rpx;
			}
		}

		// 内容
		.s_content {
			border-radius: 24rpx 24rpx 0 0;
			background: #fff;
			overflow: hidden;
			display: flex;
			flex-flow: column;
			flex: 1;
		}

		// tab栏
		.s_cTabs {
			height: 100rpx;
			position: relative;
			display: flex;

			&::after {
				content: "";
				width: 100%;
				height: 1px;
				background: rgba(0, 0, 0, .08);
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
			}

			.s_ctItem {
				font-size: 32rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				flex: 1;

				&.active {
					font-weight: bold;
					position: relative;

					text {
						width: 40rpx;
						height: 8rpx;
						border-radius: 4rpx 4rpx;
						background: #ffd425;
						position: absolute;
						bottom: 0;
						left: 50%;
						margin-left: -20rpx;
						z-index: 1;
					}
				}
			}

			.s_ctCursor {
				width: 40rpx;
				height: 8rpx;
				border-radius: 4rpx 4rpx;
				background: #ffd425;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
				transform: translateX(166rpx);
			}
		}

		// 商品/探店 swiper
		.s_cCan {
			flex: 1;

			.s_cSwiper {
				width: 100%;
				height: 100%;
			}

			.s_cSwiper-item {
				width: 100%;
				height: 100%;
			}
		}

		// 商品
		.s_goods {
			width: 100%;
			height: 100%;
			position: relative;

			.s_gClass {
				width: 106rpx;
				height: 100%;
				padding-top: 8rpx;
				float: left;

				.s_gcList {
					height: 100%;
					border-radius: 0 10rpx 0 0;
					background: #f6f7fb;
					overflow: hidden;
				}

				.s_gcContain {
					padding-bottom: 120rpx;
				}

				.s_gcItem {
					min-height: 34rpx;
					line-height: 34rpx;
					color: #666;
					font-size: 24rpx;
					padding: 20rpx 28rpx;
					border-radius: 0 10rpx 10rpx 0;
					background: #f6f7fb;
					position: relative;
					z-index: 2;
					box-sizing: content-box;

					&.active {
						color: #000;
						background: #fff;
						z-index: 1;
					}

					&.active::after {
						content: "";
						width: 100%;
						height: 140%;
						background: #fff;
						position: absolute;
						top: -20%;
						left: 0;
						z-index: 1;
					}
				}

				.s_gcTxt {
					position: relative;
					z-index: 10;
				}
			}

			.s_gGood {
				height: 100%;
				overflow: hidden;

				.s_ggList {
					height: 100%;
				}

				.s_ggContain {
					padding-bottom: 100rpx;
				}

				.s_ggTit {
					height: 34rpx;
					line-height: 34rpx;
					color: #000;
					font-size: 24rpx;
					padding: 24rpx 0 24rpx 26rpx;
					background: #fff;
					position: sticky;
					top: 0;
					z-index: 2;
					box-sizing: content-box;
				}

				.s_ggItem {
					padding: 20rpx 24rpx 24rpx 28rpx;
					position: relative;
					overflow: auto;

					&::after {
						content: "";
						height: 1px;
						background: rgba(0, 0, 0, .08);
						position: absolute;
						bottom: 0;
						left: 4rpx;
						right: 0;
						transform: scaleY(.5);
					}

					&:nth-child(1) {
						padding-top: 0;
					}

					&:nth-last-child(1)::after {
						content: none;
					}
				}

				.s_ggImage {
					width: 180rpx;
					height: 180rpx;
					margin-right: 16rpx;
					border-radius: 4rpx;
					float: left;
					overflow: hidden;
				}

				.s_ggCan {
					overflow: hidden;
				}

				.s_ggName {
					min-height: 40rpx;
					line-height: 40rpx;
				}

				.s_ggTip {
					height: 34rpx;
					line-height: 34rpx;
					color: #666;
					font-size: 24rpx;
					margin-top: 8rpx;
				}

				.s_ggCoupon {
					overflow: hidden;
				}

				.s_ggCoupon-item {
					height: 30rpx;
					line-height: 30rpx;
					color: #e9423e;
					font-size: 20rpx;
					padding: 0 14rpx;
					margin: 8rpx 8rpx 0 0;
					border: 1px solid #e9423e;
					float: left;
					box-sizing: content-box;
				}

				.s_ggFee {
					height: 44rpx;
					line-height: 44rpx;
					color: #e9423e;
					font-size: 22rpx;

					&>text {
						font-size: 32rpx;
					}
				}

				.s_ggCheap {
					height: 34rpx;
					line-height: 34rpx;
					text-decoration: line-through;
					color: #939393;
					font-size: 18rpx;

					&>text {
						font-size: 24rpx;
					}
				}

				.s_ggOper {
					position: absolute;
					bottom: 30rpx;
					right: 20rpx;
					display: flex;
					flex-direction: row-reverse;
				}

				.s_ggAdd,
				.s_ggMinus {
					width: 60rpx;
					height: 96rpx;
					display: flex;
					justify-content: center;
					align-items: center;

					&>image {
						width: 40rpx;
						height: 40rpx;
					}
				}

				.s_ggNum {
					min-width: 52rpx;
					height: 96rpx;
					line-height: 96rpx;
					text-align: center;
					font-size: 36rpx;
				}
			}
		}

		// 购物车
		.s_cart {
			width: 100vw;
			height: 100vh;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 501;

			.s_cBg {
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, .8);
			}

			.s_cBox {
				width: 100%;
				border-radius: 24rpx 24rpx 0 0;
				background: #fff;
				position: absolute;
				left: 0;
				bottom: 0;
			}

			.s_cTop {
				width: 100%;
				height: 52rpx;
				padding: 0 32rpx;
				border-radius: 24rpx 24rpx 0 0;
				background: #f9f6f3;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
			}

			.s_cTip {
				height: 52rpx;
				line-height: 52rpx;
				color: #cbaf87;
				font-size: 20rpx;
				font-weight: bold;
			}

			.s_cClear {
				height: 52rpx;
				line-height: 52rpx;
				color: #333;
				font-size: 20rpx;
				font-weight: bold;
			}

			.s_cBtm {
				max-height: 944rpx;
				padding: 20rpx 0 120rpx;
				overflow-y: auto;
			}

			.s_cItem {
				padding: 20rpx 32rpx 20rpx;
				position: relative;
				display: flex;

				&::after {
					content: "";
					height: 1px;
					background: #f8f6f3;
					position: absolute;
					bottom: 0;
					left: 32rpx;
					right: 0;
					transform: scaleY(.5);
				}

				&:nth-last-child(1)::after {
					content: none;
				}
			}

			.s_cImage {
				width: 162rpx;
				height: 162rpx;
				margin-right: 40rpx;
				border-radius: 4rpx;
				overflow: hidden;
			}

			.s_cName {
				width: 486rpx;
				line-height: 40rpx;
				color: #333;
				font-size: 28rpx;
				font-weight: bold;
			}

			.s_cFee {
				height: 40rpx;
				line-height: 40rpx;
				color: #e9423e;
				font-size: 22rpx;
				font-weight: bold;
				margin-top: 10rpx;

				&>text {
					font-size: 32rpx;
				}
			}

			.s_cCheap {
				height: 34rpx;
				line-height: 34rpx;
				text-decoration: line-through;
				color: #939393;
				font-size: 18rpx;

				&>text {
					font-size: 24rpx;
				}
			}

			.s_cOper {
				position: absolute;
				bottom: 0;
				right: 20rpx;
				display: flex;
				flex-direction: row-reverse;
			}

			.s_cAdd,
			.s_cMinus {
				width: 60rpx;
				height: 96rpx;
				display: flex;
				justify-content: center;
				align-items: center;

				&>image {
					width: 40rpx;
					height: 40rpx;
				}
			}

			.s_cNum {
				min-width: 52rpx;
				height: 96rpx;
				line-height: 96rpx;
				text-align: center;
				font-size: 36rpx;
			}

			.s_cNodata {
				width: 100%;
				height: 200rpx;
				font-size: 24rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		// 提交订单栏
		.s_submit {
			width: 710rpx;
			height: 80rpx;
			border-radius: 10rpx;
			background: #333;
			position: fixed;
			left: 20rpx;
			bottom: 10rpx;
			z-index: 502;
			display: flex;
			justify-content: space-between;

			.s_sLeft {
				height: 80rpx;
				position: relative;
				display: flex;
				align-items: center;
				flex: 1;
			}

			.s_sIcon {
				width: 99rpx;
				height: 96rpx;
				position: absolute;
				left: 24rpx;
				bottom: 0rpx;
			}

			.s_sNum {
				width: 32rpx;
				height: 32rpx;
				color: #fff;
				font-size: 16rpx;
				border-radius: 50%;
				background: #e9423e;
				position: absolute;
				right: 10rpx;
				top: 10rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.s_sPrice {
				margin-left: 138rpx;
				display: flex;
				align-items: flex-end;
			}

			.s_sTxt1 {
				line-height: 40rpx;
				font-size: 20rpx;
				color: #fff;
				padding-right: 4rpx;

				&>text {
					font-size: 28rpx;
				}
			}

			.s_sTxt2 {
				line-height: 34rpx;
				font-size: 16rpx;
				color: #939393;

				&>text {
					font-size: 20rpx;
					text-decoration: line-through;
				}
			}

			button {
				font: 400 28rpx/80rpx PingFang SC;
				width: 244rpx;
				height: 100%;
				color: #fff;
				background: #c3ab7c;
				border-radius: 0 10rpx 10rpx 0;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.active {
				background-color: #ccc;
			}
		}

		// 弹窗 - 取消关注
		.s_popFocus {
			width: 100vw;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 10000;
			visibility: hidden;
			transition: visibility .3s;

			&.active {
				visibility: visible;

				.s_pBg {
					opacity: 1;
				}

				.s_pBox {
					animation: popFocusIn .3s;
				}
			}

			.s_pBg {
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, .6);
				transition: opacity .3s;
				opacity: 0;
			}

			.s_pBox {
				width: 500rpx;
				height: 240rpx;
				margin-top: -120rpx;
				margin-left: -250rpx;
				border-radius: 8rpx;
				background: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				animation: popFocusOut .3s;
			}

			.s_pTitle {
				height: 40rpx;
				line-height: 40rpx;
				text-align: center;
				font-weight: bold;
				margin-top: 60rpx;
			}

			.s_pBtns {
				margin: 40rpx 40rpx 0;
			}

			.s_pClose,
			.s_pConfim {
				width: 196rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				border-radius: 30rpx;
				background: #f6f7fb;
				float: left;

				&:active {
					opacity: .88;
				}
			}

			.s_pConfim {
				background: #ffd425;
				float: right;
			}
		}

		// 探店
		.s_dynamic {
			width: 100%;
			height: 100%;
			padding-bottom: 100rpx;

			.s_dList {
				width: 100%;
				height: 100%;
			}

			.s_dItem {
				padding-top: 32rpx;
				position: relative;

				&::after {
					content: "";
					height: 1px;
					background: #f4f4f4;
					position: absolute;
					bottom: 0;
					left: 32rpx;
					right: 32rpx;
					transform: scaleY(.5);
				}

				&:nth-last-child(1)::after {
					content: none;
				}
			}

			.s_dTime {
				height: 34rpx;
				line-height: 34rpx;
				color: #939393;
				font-size: 24rpx;
				padding: 0 32rpx;
			}

			// 标签
			.s_dTags {
				margin: 18rpx 32rpx 0;
				overflow: hidden;
			}

			.s_dTag {
				height: 44rpx;
				line-height: 44rpx;
				color: #a58f6d;
				font-size: 24rpx;
				padding: 0 20rpx 0 48rpx;
				border-radius: 22rpx;
				background: #f9f6f3;
				position: relative;
				float: left;
			}

			.s_dTag-icon {
				width: 36rpx;
				height: 36rpx;
				position: absolute;
				top: 4rpx;
				left: 4rpx;
			}

			// 内容
			.s_dText {
				line-height: 44rpx;
				margin: 28rpx 36rpx 0;
			}

			.s_dAll {
				height: 36rpx;
				line-height: 36rpx;
				color: #a98f68;
				font-size: 26rpx;
				margin-top: 8rpx;
			}

			.s_dImgs {
				padding: 18rpx 0 0 32rpx;
				overflow: hidden;
			}

			.s_dImg {
				width: 220rpx;
				height: 220rpx;
				margin: 12rpx 14rpx 0 0;
				border-radius: 4rpx;
				background: #f6f7fb;
				overflow: hidden;
				float: left;
			}

			// 底部功能键
			.s_dFuns {
				padding: 20rpx 32rpx 22rpx;
				display: flex;
			}

			.s_dFun {
				height: 74rpx;
				display: flex;
				flex: 1;
				justify-content: center;
				align-items: center;

				&:nth-child(1) {
					justify-content: flex-start;
				}

				&:nth-last-child(1) {
					justify-content: flex-end;
				}
			}

			.s_dFIcon {
				width: 40rpx;
				height: 40rpx;
				line-height: 40rpx;
				color: #6c6c6c;
				font-size: 40rpx;
				margin-right: 16rpx;
				display: inline-block;
			}
		}

	}

	// 弹窗-规格
	.Size {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;

		.S_bg {
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, .8);
		}

		.S_box {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			flex-flow: column;
		}

		.S_bCloak {
			height: 176rpx;
		}

		.S_bContain {
			border-radius: 24rpx 24rpx 0 0;
			background: #fff;
			position: relative;
			overflow: hidden;
			display: flex;
			flex-flow: column;
			flex: 1;
		}

		.S_bClose {
			width: 104rpx;
			height: 120rpx;
			position: absolute;
			top: 0;
			right: 0;
			display: flex;
			justify-content: center;
			align-items: center;

			.S_bcIcon {
				width: 40rpx;
				height: 40rpx;
				line-height: 40rpx;
				text-align: center;
				color: #000;
				font-size: 20rpx;
				border-radius: 50%;
				background: #f9f6f3;
			}
		}

		.S_bInfo {
			padding: 36rpx 32rpx 20rpx;

			.S_biHead {
				width: 178rpx;
				height: 178rpx;
				margin-right: 24rpx;
				border-radius: 10rpx;
				background: #f0f0f0;
				box-shadow: 0 4rpx 4rpx 0 rgba(136, 136, 136, .16);
				overflow: hidden;
				float: left;
			}

			.S_biCan {
				overflow: hidden;
			}

			.S_biFee {
				height: 60rpx;
				line-height: 60rpx;
				color: #e9423e;
				font-size: 32rpx;
				font-weight: bold;
				margin-top: 32rpx;

				&>text {
					font-size: 44rpx;
				}
			}

			.S_biTip {
				height: 40rpx;
				line-height: 40rpx;
				color: #e9423e;
				font-size: 20rpx;
				margin-top: 10rpx;
				border-radius: 4rpx;
				display: inline-block;

				.yprice {
					margin-left: 0;
				}
			}

			.S_biRemark {
				height: 28rpx;
				line-height: 28rpx;
				color: #939393;
				font-size: 20rpx;
				margin-top: 10rpx;
			}
		}

		.S_bConfig {
			overflow: hidden;
			flex: 1;

			.S_bcCan {
				padding: 0 34rpx 146rpx;
			}

			.S_bcGroup {
				padding-top: 40rpx;
				position: relative;

				&:first-child {
					padding-top: 20rpx;
				}
			}

			.S_bcTit {
				height: 40rpx;
				line-height: 40rpx;
				font-weight: bold;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.S_bcChecks {
				padding-top: 8rpx;
			}

			.S_bcCheck {
				height: 42rpx;
				line-height: 42rpx;
				color: #939393;
				font-size: 24rpx;
				padding: 0 26rpx;
				margin: 16rpx 16rpx 0 0;
				border-radius: 22rpx;
				background: #f5f5f5;
				display: inline-block;

				&.checked {
					color: #e9423e;
					background: #feeff2;
				}
			}

			.S_bcNums {
				height: 48rpx;
				position: absolute;
				top: 36rpx;
				right: -22rpx;
				display: flex;
			}

			.S_bcNum {
				width: 72rpx;
				height: 48rpx;
				line-height: 48rpx;
				text-align: center;
				border-radius: 8rpx;
				background: #f6f7fb;
			}

			.S_bcMinus,
			.S_bcAdd {
				width: 72rpx;
				height: 48rpx;
				position: relative;
			}

			.S_bcMinus::before,
			.S_bcAdd::before,
			.S_bcAdd::after {
				content: "";
				width: 24rpx;
				height: 4rpx;
				border-radius: 4rpx;
				background: #333;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}

			.S_bcAdd::after {
				width: 4rpx;
				height: 24rpx;
			}
		}

		.S_bBtns {
			height: 86rpx;
			color: #fff;
			font-weight: bold;
			padding: 20rpx 48rpx 0;
			border-top: 1px solid #f8f6f3;
			background: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			box-sizing: content-box;
			display: flex;
			justify-content: space-between;
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);

			.S_bbBtn1,
			.S_bbBtn2 {
				width: 294rpx;
				height: 72rpx;
				line-height: 72rpx;
				text-align: center;
				border-radius: 8rpx;
				background: #c3ab7c;

				&:active {
					opacity: .88;
				}
			}

			.S_bbBtn2 {
				background: #333;
			}
		}
	}

	.yprice {
		border: 1px #E9423E solid;
		display: inline-block;
		font-size: 16rpx;
		line-height: 30rpx;
		padding-right: 10rpx;
		color: #e9423e;
		margin-top: 10rpx;
		border-radius: 3rpx;

		i {
			display: inline-block;
			background: #E9423E;
			color: #fff;
			font-weight: normal;
			font-size: 16rpx;
			line-height: 34rpx;
			float: left;
			padding: 0 10rpx;
			margin-right: 5rpx;
		}

		text {
			font-size: 22rpx;
		}
	}

	.s_color {
		background: #C3AB7C;
		display: inline-block;
		padding: 8rpx 15rpx;
		font-size: 24rpx;
		color: #fff;
		border-radius: 8rpx;
		position: relative;

		.s_unm {
			width: 32rpx;
			height: 32rpx;
			color: #fff;
			font-size: 16rpx;
			border-radius: 50%;
			background: #e9423e;
			position: absolute;
			right: -10rpx;
			top: -10rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}

	.s_dContain {
		padding-bottom: 120rpx;
	}

	// 弹窗 - 评论=====
	// 动画效果：
	// 画板，隐藏阶段，.3s后隐藏画板
	// 背景：.3s时间，【显示】opacity(0 -> 1) 【隐藏】opacity(1 -> 0)
	// 弹窗：.3s时间，【显示】transform: translateY(0) 【隐藏】transform: translateY(100%)
	.store .p_evalute {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
		visibility: hidden;
		transition: visibility .3s;

		&.active {
			visibility: visible;

			.p_eBg {
				opacity: 1;
			}

			.p_eContain {
				transform: translateY(0);
			}
		}

		.p_eBg {
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, .6);
			transition: opacity .3s;
			opacity: 0;
		}

		.p_eBox {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			flex-flow: column;
		}

		.p_eShim {
			height: 256rpx;
		}

		.p_eContain {
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);
			border-radius: 24rpx 24rpx 0 0;
			background: #fff;
			position: relative;
			overflow: hidden;
			display: flex;
			flex-flow: column;
			flex: 1;
			transition: transform .3s;
			transform: translateY(100%);
		}

		.p_eClose {
			width: 104rpx;
			height: 120rpx;
			line-height: 120rpx;
			text-align: center;
			font-size: 40rpx;
			position: absolute;
			top: 0;
			right: 0;
		}

		.p_eTitle {
			height: 120rpx;
			line-height: 120rpx;
			text-align: center;
			font-weight: bold;
		}

		// 评论
		.p_eList {
			padding-left: 32rpx;
			padding-bottom: 112rpx;
			overflow-y: auto;
			flex: 1;
		}

		.p_eCan {
			height: 100%;
		}

		.p_eItem {
			margin-top: 30rpx;

			&:nth-child(1) {
				margin-top: 20rpx;
			}

			&:nth-last-child(1) .p_eCont::after {
				content: none;
			}
		}

		.p_eHead,
		.p_eIts .p_eiHead {
			width: 66rpx;
			height: 66rpx;
			margin-right: 16rpx;
			border-radius: 50%;
			background: #f0f0f0;
			float: left;

			image {
				border-radius: 50%;
			}
		}

		.p_eCont {
			padding-bottom: 28rpx;
			position: relative;
			overflow: hidden;

			&::after {
				content: "";
				width: 100%;
				height: 1px;
				background: #f4f4f4;
				position: absolute;
				bottom: 0;
				left: 0;
				transform: scaleY(.5);
			}
		}

		.p_eName,
		.p_eIts .p_eiName {
			height: 28rpx;
			line-height: 28rpx;
			color: #939393;
			font-size: 20rpx;
		}

		.p_eAuth,
		.p_eIts .p_eiAuth {
			width: 64rpx;
			height: 28rpx;
			line-height: 28rpx;
			text-align: center;
			color: #333;
			font-size: 20rpx;
			margin-left: 8rpx;
			border-radius: 28rpx;
			background: #f6f7fb;
			display: inline-block;
		}

		.p_eTxt,
		.p_eIts .p_eiTxt {
			min-height: 34rpx;
			line-height: 34rpx;
			font-size: 24rpx;
			padding-right: 32rpx;
			margin-top: 4rpx;
		}

		.p_eTip,
		.p_eIts .p_eiTip {
			color: #939393;
			font-size: 20rpx;
			padding-left: 16rpx;
			display: inline-block;
		}

		// 他人回复
		.p_eiItem {
			margin-top: 16rpx;
		}

		.p_eiCont {
			overflow: hidden;
		}

		.p_eiReply {
			color: #939393;
			font-size: 20rpx;
			padding: 0 4rpx;
		}

		// 回复框
		.p_eReply {
			width: 100%;
			height: 112rpx;
			padding-left: 32rpx;
			background: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1);

			.p_erSend {
				width: 108rpx;
				height: 112rpx;
				line-height: 112rpx;
				color: #939393;
				padding-left: 16rpx;
				float: right;
			}

			.p_erInput {
				height: 64rpx;
				margin-top: 24rpx;
				border-radius: 32rpx;
				background: #f6f7fb;
				position: relative;
				overflow: hidden;

				&>input {
					width: 100%;
					height: 100%;
					padding: 0 88rpx 0 28rpx;
				}
			}

			.p_erIcon {
				width: 88rpx;
				height: 64rpx;
				line-height: 64rpx;
				color: #6c6c6c;
				font-size: 48rpx;
				text-align: center;
				position: absolute;
				top: 0;
				right: 0;
			}
		}

		// 回复框
		// .p_eReply {width: 100%;height: 112rpx;background: #fff;position: absolute;bottom: 0;left: 0;box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1);
		// 	.p_erCan {height: 64rpx;margin: 24rpx 108rpx 0 32rpx;border-radius: 32rpx;background: #f6f7fb;}
		// 	.p_erInput {width: 100%;height: 100%;padding: 24rpx 196rpx 24rpx 60rpx;position: absolute;left: 0;top: 0;z-index: 1;}
		// 	.p_erIcon {width: 88rpx;height: 112rpx;line-height: 112rpx;color: #6c6c6c;font-size: 48rpx;text-align: center;position: absolute;top: 0;right: 108rpx;z-index: 3;}
		// 	.p_erSend {width: 108rpx;height: 112rpx;line-height: 112rpx;color: #939393;padding-left: 16rpx;position: absolute;top: 0;right: 0;z-index: 2;}
		// }
	}

	.no-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-radius: 20rpx 20rpx 0 0;
		padding-top: 40rpx;
	}

	.no-title {
		padding: 30rpx 0;
	}

	.no-card>text {
		font-size: 24rpx;
		color: #999;
	}

	.no-bnt {
		padding: 10rpx 20rpx;
		margin: 20rpx;
		border: 2rpx solid #eee;
		font-size: 26rpx;
		background-color: #fff;
	}

	.no-card image {
		height: 240rpx;
		width: 240rpx;
		padding: 40rpx;
	}

	.coms {
		text-align: center;
		padding: 15rpx 20rpx;
	}

	.tabtand {
		display: inline-block;
		line-height: 55rpx;
		padding: 0 50rpx;
		border-radius: 80rpx;
		border: 1px #C6B08C solid;
		color: #C6B08C;
		margin: 0 25rpx;

		text {
			margin-right: 15rpx;
		}
	}

	.tabtand.active {
		background: #C6B08C;
		color: #fff;
	}

	.store .s_navBar {
		position: relative;
		z-index: 999;

		.i_tCan {
			// width: 100%;
			height: 66rpx;
			// padding-left: 32rpx;
			// margin-left: 34rpx;
			/*  #ifdef APP-PLUS || H5 */
			width: 400rpx;
			padding-left: 24rpx;
			/*  #endif  */
			flex: 1;
			margin: auto;
			/*#ifdef MP-WEIXIN*/
			width: 400rpx;
			padding-right: 24rpx;
			/*#endif*/

		}

		.i_tBg {
			width: 100vw;
			height: 500rpx;
			background: linear-gradient(135deg, #2e333f 0%, #191d29 100%);
			position: fixed;
			top: 0;
			left: 0;
		}

		.i_tInput {
			height: 66rpx;
			border-radius: 34rpx;
			background: #F6F7FB;
			position: relative;
			opacity: .8;
			z-index: 200;

			&>input {
				width: 100%;
				height: 100%;
				font-size: 28rpx;
				padding-left: 72rpx;
			}
		}

		.i_tIcon {
			width: 32rpx;
			height: 32rpx;
			line-height: 32rpx;
			color: #6c6c6c;
			font-size: 32rpx;
			position: absolute;
			top: 18rpx;
			left: 32rpx;
		}
	}

	.i_cList {
		padding: 0 32rpx;
		display: flex;
	}

	.i_cLeft {
		flex: 1;
	}

	.i_cLeft:first-child {
		padding-right: 12rpx;
	}

	.i_cLeft:last-child {
		padding-left: 12rpx;
	}

	.i_cRight {
		flex: 1;
	}

	.i_cItem {
		width: 100%;
		padding-bottom: 38rpx;
		border-radius: 8rpx;
		overflow: hidden;
	}

	.i_cImage {
		width: 100%;
		background: #f6f7fb;
		height: 360rpx;
		overflow: hidden;

		>image {
			min-height: 360rpx;
		}
	}

	.i_cTag {
		height: 44rpx;
		line-height: 44rpx;
		color: #a58f6d;
		font-size: 20rpx;
		padding: 0 16rpx 0 48rpx;
		margin: 16rpx 16rpx 0;
		border-radius: 22rpx;
		background: #f9f6f3;
		position: relative;
		display: inline-block;

		.i_ctIcon {
			width: 36rpx;
			height: 36rpx;
			position: absolute;
			top: 4rpx;
			left: 4rpx;
		}
	}

	.i_cText {
		line-height: 36rpx;
		font-size: 24rpx;
		margin: 16rpx 20rpx 0;
	}

	.i_cUser {
		margin: 16rpx 16rpx 0;
	}

	.i_cHead {
		width: 36rpx;
		height: 36rpx;
		margin-right: 8rpx;
		border-radius: 50%;
		background: #f6f7fb;
		float: left;
		overflow: hidden;
	}

	.i_cPraise {
		height: 36rpx;
		color: #939393;
		font-size: 20rpx;
		float: right;
		display: flex;
		align-items: center;
	}

	.i_cpIcon {
		width: 32rpx;
		height: 32rpx;
		margin: 0 8rpx;
	}

	.i_cName {
		height: 36rpx;
		line-height: 36rpx;
		color: #939393;
		font-size: 20rpx;
		overflow: hidden;
	}

	.shopgoods {
		padding: 24rpx;
	}

	.shoptops {
		line-height: 50rpx;
		font-size: 32rpx;
		margin-bottom: 20rpx;
	}

	.shopcell {
		line-height: 50rpx;
		color: #666;
	}

	.cellservice {
		background: #fff;
		width: 120rpx;
		height: 120rpx;
		text-align: center;
		border: 1px #dfdfdf solid;
		border-radius: 50%;
		float: right;
		margin-top: 50rpx;
		padding-top: 15rpx;
		position: relative;

		.cell-service {
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			top: 0;
			opacity: 0;
			z-index: 10;

			.cell--bubble {
				width: 100%;
			}
		}

		text {
			display: block;
			font-size: 36rpx;
		}
	}

	// 客服弹框
	.pouchat {
		position: fixed;
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;

		.poucont {
			position: absolute;
			top: 30%;
			left: 15%;
			right: 15%;

			.icon-close {
				width: 80rpx;
				height: 80rpx;
				font-size: 70rpx;
				color: #fff;
				line-height: 80rpx;
				text-align: center;
				margin: 30rpx auto;
			}
		}

		.chatlist {
			background: #fff;
			padding: 30rpx;
			border-radius: 10rpx;
		}

		.chatml {
			position: relative;
			padding: 20rpx;
			padding-left: 100rpx;
			min-height: 100rpx;

			.cell-service {
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				top: 0;
				opacity: 0;
				z-index: 10;

				.cell--bubble {
					width: 100%;
				}
			}

			text {
				display: block;
				line-height: 40rpx;
			}

			.t1 {
				font-size: 32rpx;
			}

			.t2 {
				font-size: 24rpx;
				color: #999;
			}

			image {
				width: 70rpx;
				height: 70rpx;
				position: absolute;
				left: 15rpx;
				top: 25rpx;
			}
		}
	}

	@keyframes popFocusIn {
		0% {
			transform: scale3d(0.6, 0.6, 0.6);
			opacity: .6;
		}

		80% {
			transform: scale3d(1.1, 1.1, 1.1);
			opacity: 1;
		}

		100% {
			transform: scale3d(1, 1, 1);
			opacity: 1;
		}
	}

	@keyframes popFocusOut {
		0% {
			transform: scale3d(1, 1, 1);
			opacity: 1;
		}

		20% {
			transform: scale3d(1.1, 1.1, 1.1);
			opacity: 1;
		}

		100% {
			transform: scale3d(0.6, 0.6, 0.6);
			opacity: .6;
		}
	}
</style>
